@CHARSET "UTF-8";

body {
	background: #39414a url(../__image/f/bg-home-tile.jpg) repeat-x 50% 0;
	font: normal 62.5% "NanumGothicWeb", Verdana, Helvetica, Arial,sans-serif !important;
	color: #fff;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: NanumGothicWeb, "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	border-bottom: 0 !important;
}


a {
	border-bottom: 0px;
	color: #97C0D7;
	text-decoration: none;
}
a:focus {
	outline: 1px dotted #eee;
}
a:active {
	outline: 0px;
}
a:hover {
	color: #97C0D7;
	text-decoration: underline;
}

body #cp-interior {
	background-image: url(../__image/f/bg-interior-tile-drk.jpg);
}

#cp-siteContain {
	width: 910px;
	margin: 0 auto;
}

#cp-header {
	/*rockstar removed */
	height: 80px;
	padding: 0 40px;
	position: relative;
}

body #cp-interior #cp-header { 
	background: none;
	height: 186px;
}

#cp-siteLogo {
	display: block;
	top: 5px;
	position: absolute;
	border: 0 !important;
}

#cp-siteLogo img {
border: 0 !important;
}

/*Primary Navigation*/

/* Tabs */
#tabs {
margin-top: 5px;
padding: 0;
width: auto;
height: auto;
bottom:10px;
}

#tabs ul li {
font-size: 12px;
}

.tabs-content {
height: 84px;
}

.tabs-content li {
	width:64px;
	height:84px;
	float:left;
	margin-right: 10px;
	padding: 3px 3px 0 3px;
	text-align:center;
	overflow:hidden;
}

.tabs-content li img {
	width:64px;
	height:64px;
}

.tabs-content li:hover {
	/*border: 1px dotted #999;*/
	background-color: #BFD1DB;
	cursor: pointer;
}

.tabs-content li:hover a {
	color: #000;
}

.tabs-content li a {
	display:block;
	background:transparent;
}


/*Secondary Navigation*/
#cp-secondaryNavigation, #cp-footerNavigation {
float: right;
clear: right;
margin-top: 30px;
background: #0F67A1 url(../__image/f/bg_secondaryNav_left.gif) left top no-repeat;
}
#cp-secondaryNavigation ul, #cp-footerNavigation ul {
float: left;
background: url(../__image/f/bg_secondaryNav_right.gif) right top no-repeat;
padding: 0 0 0 8px;
margin: 0;
width: 46em;
}
#cp-secondaryNavigation ul li, #cp-footerNavigation ul li {
float: left;
list-style: none;
border-right: 1px solid #0D5995;
border-left: 1px solid #1175AE;
height: 34px;
margin: 0;
background: none;
padding: 0;
}
#cp-secondaryNavigation ul li.cp-first, #cp-footerNavigation ul li.cp-first {
border-left: none;
}
#cp-secondaryNavigation ul li.cp-last, #cp-footerNavigation ul li.cp-last {
border-right: none;
}
#cp-secondaryNavigation li a, #cp-footerNavigation li a {
float: left;
padding: 0 12px;
font-size: 12px;
color: #eee;
text-decoration: none;
line-height: 34px;
position: relative;
}
#cp-secondaryNavigation li a span, #cp-footerNavigation li a span {
position: relative;
top: 0;
left: 0;

}
#cp-secondaryNavigation li a span.cp-shadow, #cp-footerNavigation li a span.cp-shadow {
top: .1em;
left: 1em;
color: #131c25;
position: absolute;
display: none;
}
#cp-secondaryNavigation li a:hover, #cp-footerNavigation li a:hover {
	color: #fff;
}
#cp-secondaryNavigation li a:hover span.cp-shadow, 
#cp-footerNavigation li a:hover  span.cp-shadow,
#cp-secondaryNavigation li.cp-current a span.cp-shadow, 
#cp-footerNavigation li.cp-current a span.cp-shadow {
display: block;
}


/*search box*/
#cp-primarySearchForm {
position: absolute;
right: 50px;
bottom: 15px;
}
#cp-primarySearchForm label {
font-size: 1.3em;
font-style: italic;
font-weight: bold;
color: #fff;
line-height: 1;
margin-right: .5em;
}

#cp-primarySearchForm input#cp-primarySearch {
width: 286px;
height: 19px;
padding: 2px 5px;
font-size: 1.4em;
color: #333;
background: #fff;
border: 1px solid #aaa;
line-height: 1;
font-size: 1.5em;
-moz-border-radius: 10px;
}
#cp-primarySearchForm button {
background: url(../__image/f/icon_searchglass.png) 0 0 no-repeat;
_background-image: url(../__image/f/icon_searchglass.gif);
position: relative;
width: 35px; 
height: 35px;
position: absolute;
right: -18px;
top: -1px;
border: 0;
cursor: pointer;
font-size: 1.1em;
}
#cp-primarySearchForm button span {
position: absolute;
left: -9999999px;
}
#cp-primarySearchForm button:hover {
background-position: 0 -36px;
}

/*content*/
#cp-content {
background: #181c21 url(../__image/f/bg_home_content.gif) top repeat-x;
padding: 10px 10px;
border-bottom: 1px solid #000;
}

/* Side Navigation */
#cp-sideNavigation {
position: relative;
float: left;
display: inline;
width: 178px;
background: #1A2B35;
border: 1px solid #1A242E;
padding: 5px 5px 5px;
min-height: 500px;
-moz-border-radius: .5em; /* gecko */
  -webkit-border-radius: .5em; /* webkit */
  border-radius: .5em; /* w3 */
  overflow: visible;
color: #BED0DA;
font-size: 11px;
}

#accordion .accordion-content {
	padding: 5px;
}

#cp-primaryContent {
position: relative;
float: right;
display: inline;
width: 680px;
background: #1A2B35;
border: 1px solid #1A242E;
padding: 5px 5px 5px;
min-height: 500px;
-moz-border-radius: .5em; /* gecko */
  -webkit-border-radius: .5em; /* webkit */
  border-radius: .5em; /* w3 */
  overflow: visible;
font-size: 12px;
}
#cp-primaryContent .post {
    margin-bottom: 2.5em;
      padding-bottom: 2.5em;
    border-bottom: 1px dotted #ccc;
}
#cp-primaryContent code {
    font-size: 13px !important;
}
#cp-primaryContent h2 code {
    font-size: 1.3em !important;
}
#cp-primaryContent p, #cp-primaryContent li {
font-size: 12px;
/*font-size: 1.3em;*/
line-height: 1.4 !important;
margin: .5em 0 !important;
}
#cp-primaryContent p {
margin: .5em 0 1.2em !important;
}
#cp-interior #cp-primaryContent p, #cp-interior #cp-primaryContent li {
font-size: 13px;
/*font-size: 1.5em;*/
line-height: 1.5 !important;
font-weight: normal;
}
#cp-primaryContent a, #cp-primaryContent a:visited {
}
#cp-primaryContent a:hover, #cp-primaryContent a:visited {
}
#cp-primaryContent a img {
border: 0;
}

#cp-primaryContent h1 {
font-size: 1.9em;
font-weight: bold;
color: #222;
margin: .5em 0 0 !important;
border-bottom: 1px solid #bbb !important;
padding-bottom: .4em;
}
#cp-primaryContent h2 {
font-size: 1.5em;
color: #333;
text-transform: uppercase;
font-weight: bold;
margin: 1em 0 .6em !important;
}
#cp-primaryContent h2 a {
	text-decoration: none;
}
#cp-primaryContent h2 a:hover {
	text-decoration: underline;
}
#ticket h2 {
	font-size: 1.3em;
}
#cp-primaryContent small {
font-size: 11px;
color: #666;
margin: 1.6em 0 1em;
}
#cp-primaryContent h3 {
font-size: 1.4em;
margin: 1em 0 .6em !important;
color: #333;
font-weight: bold;
}
#cp-primaryContent h4 {
font-size: 1.2em;
margin: 1em 0 .6em !important;
color: #444;
font-weight: bold;
}
#cp-primaryContent h5 {
font-size: 1.1em;
margin: 1em 0 .6em !important;
font-weight: bold;
color: #666;
}



.fieldset-wrapper .project-terms li {
font-size: 1.3em;

}

#cp-footer {
background: #0F1923 url(../__image/f/bg_footerGrad.jpg) top repeat-x;
border-bottom: 2px solid #000;
margin-bottom: 3em;
padding: 2.5em 40px;
}
#cp-footer #cp-credits {
float: left;
width: 250px;
}
#cp-footer p {
font-size: 1.2em;
color: #fff;
margin: .5em 0;
line-height: 1.4;
}
#cp-footer p a {
color: #5DB0E6;
text-decoration: underline;
}
#cp-footer p#cp-hosting {
font-size: 1.1em;
}
#cp-footer p#cp-hosting a {
color: #fff;
}
#cp-footer p#cp-hosting a.cp-mediaTemple {
margin-left: .2em;
background: url(../__image/f/icon_mt.gif) left 50% no-repeat;
padding-left: 30px;
}
#cp-footer #cp-footerNavigation {
margin-top: 1em;
float: right;
}

/* TABLE BOX */
.table-box					{ background:#273f4d; background:url(/templates/__image/table-box-top.gif) center top repeat-x; clear:both; }
.table-box-ro 				{ background:url(/templates/__image/table-box-ro.gif) top right no-repeat; height:4px; overflow:hidden; }
.table-box-lo 				{ background:url(/templates/__image/table-box-lo.gif) top left no-repeat; height:4px; overflow:hidden; }
.table-box-ru 				{ background:url(/templates/__image/table-box-ru.gif) top right no-repeat; height:4px; overflow:hidden; }
.table-box-lu 				{ background:url(/templates/__image/table-box-lu.gif) top left no-repeat; height:4px; overflow:hidden; }
.table-box-content			{ background:#273f4d; }
.table-box-content-wrapper 	{ padding:0 4px 0 4px; }
.table-box-bottom			{ background:#273f4d; }
.table-box-title			{ padding: 10px 0 0 0; text-align:left; font-weight: bold; height:30px; position:relative; }

/* DB TABLE */
.default-table 				{ width:100%; border-collapse:collapse; empty-cells:show; border-spacing:1px; clear:both;}
.default-table th 			{ background:#355568; padding:5px; border-left:1px solid #558eaf; border-top:1px solid #558eaf; border-right: 1px solid #303030; border-bottom: 1px solid #303030; }
.default-table th:hover		{ /*background:#3f657b;*/ }
.default-table td			{ padding:4px; border:1px solid #273f4d; text-align:center; }
.default-table tr			{ background:#14222a; }
.default-table tr:hover		{ background:#1a2a34; }
.default-table-topline		{ padding-bottom:10px; padding-top:5px; color:#cccccc; width:100%; }

.noborder-table				{ padding:0px;border:0px;border-spacing:0px;margin:0px;}

.default-button	{
	color: white;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background:#355568;
	padding:2px;
	border-left:1px solid #558eaf;
	border-top:1px solid #558eaf;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	cursor: pointer;
}

#searchbox-content {
	position:relative;
	float:left;
	top:4px;
	right:0;
	padding: 5px 0 0 0;
}

.searchbox-content-button {
	position:absolute;
	top:5px;
	right:0;
	display:block;
	width:26px;
	height:23px;
	z-index:1;
	background: transparent url(../__image/searchbox-button.gif) right top no-repeat;
}

.searchbox {
	border:0px;
	height:30px;
	width:190px;
	margin-right:23px;
	padding-top:3px;
	background-color: #fff;
	background:url(../__image/searchbox-background.gif) left top repeat-x;
}

.pager-container {
	float:right;
	height:30px;
	padding: 10px 0 0 0;
	position:relative;
}

/* common */
.textleft {
	text-align:left;
}
.textright {
	text-align:right;
}
.padding5 {
	padding:5px;
}

/* ----- clear fix for floats ----- */
.cp-clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.cp-clearfix { display:inline-block; }		
/* hides clearfix from IE-mac \*/
* html .cp-clearfix { height:1%; }
.cp-clearfix { display:block; }
/* end hide from IE-mac */

.hide									{ display:none; }
.hidden									{ display:none; visibility:hidden; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	color: #000;
	font-size: 11px;
	background-color: #eee;
	padding: 5px;
}
#tooltip h3, #tooltip div { margin: 0; }
